.modal {
	table {
		width: 100%;
		border-spacing: 0.5rem;

		td {
			padding: 0;
			vertical-align: top;
		}

		.field {
			padding-right: 1.25rem;
			color: var(--color-text-2);
			text-align: right;
			user-select: none;
		}

		.hl {
			display: block;
		}

		.host {
			width: 19rem;
			white-space: normal;
			word-break: break-all;
		}

		/* .colect-settings { */
		.collect-setting-item {
			display: flex;
			margin-bottom: 0.5rem;

			.code {
				padding-right: 0.5rem;
			}

			.status {
				display: flex;
				flex-wrap: wrap;
				max-width: 15rem;
			}

			.keywords {
				display: flex;
				flex-wrap: wrap;
				max-width: 13.25rem;
			}

			.collect-row {
				display: flex;

				.item {
					flex: 1 0 0;
				}
			}
		}

		.test {
			width: 12rem;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;

			& > span {

				/* padding: 0.5rem; */
				margin: 0 0.5rem;

				/* border: 1px solid var(--color-border); */
			}
		}

		/* } */
	}
}

:global {
	.rc-tooltip {
		z-index: 10000 !important;
	}
}

.actions {
	display: flex;
	justify-content: center;
	margin: 1rem 0 0.5rem 0;

	.action-btn {
		&:not(:first-child) {
			margin-left: 1rem;
		}
	}

	.link {
		text-decoration: none;
	}
}

.payload-overlay {
	.item {
		display: flex;
		width: 100%;

		.label {
			height: 0.625rem;
			margin: 0.25rem 0 0 0;
		}

		.text {
			max-width: 20rem;
			word-break: break-all;
		}
	}
}
.helpTooltip {
	z-index: 9999999;
}

.dialogtitle {
	display: flex;
	align-items: center;
}
